<template>
	<view @touchmove.stop.prevent="()=>false">
		<u-popup :show="show" mode="center" bgColor='transparent' @close="closeEvent">
			<view class="pop_view">
				<view @click="goToAd()" class="share_img_view">
					<image style="width: 100%;height: 100%;border-radius: 24rpx;" :src="mainData.picAbsolute"></image>
				</view>
				<image @click="closeEvent" style="margin-top: 30rpx;width: 48rpx;height: 48rpx;" src="https://smosun-minapp.oss-cn-shanghai.aliyuncs.com/weapp/img/close_ss.png"></image>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		name:"ad-pop-view",
		data() {
			return {

			};
		},
		props: {
			show: {
				type: Boolean,
				default: false
			},
			mainData: {
				type: Object,
				default: ()=>{}
			}
		},
		methods: {
			closeEvent() {
				this.$emit('close')
			},
			goToAd() {
				this.$emit('goToAd')
			}
		}
	}
</script>

<style scoped>
	.pop_view {
		display: flex;
		flex-direction: column;
		width: 750rpx;
		height: 764rpx;
		align-items: center;
	}
	.share_img_view {
		background-color: #E0EDE9;
		width: calc(100% - 160rpx);
		height: 686rpx;
		border-radius: 24rpx;
	}
</style>
